<template>
  <div class="nav-box">
    <router-link 
      :to="item.path" 
      v-for="(item) in permission_routes"
      :key="item.name"
      class="nav"
      
    >{{item.meta.title}}</router-link>
  </div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
  name: 'nav',
  data () {
    return {}
  },
  computed: {
    ...mapGetters([
      'permission_routes'
    ])
  },
  mounted () {
    console.log(this.$route)
  },
  methods: {

  }
}
</script>
<style lang="less" scoped>
.nav-box{
  .nav{
    font-size: 16px;
    padding: 0 20px;
  }
  .router-link-active{
    color: @mainColor;
  }  
}


</style>